const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
    mode:'development',//打包的模式 development  production 开发不压缩文件，生产压缩文件
    entry:'./src/main.js',//打包的入口，默认是指向./src/index.js
    output:{//可以指定输出的目录和文件名
        path:path.resolve('dist'),//指定打包后输出保存的目录
        filename:'bundle.js',//指定打包后的文件名
        clean:true//在每次新的打包前先清除老的文件
    },
    plugins:[
        new HtmlWebpackPlugin({//使用一个插件，基于一个HTML模板生成一个html文件
            template:'./src/index.html',//通过template参数可以指定一个模板
            //读取模板内容，然后向里面插入生成的脚本转化成的script标签，并且输出到打包后的目录
            filename:'index.html'//指定输出的文件名
        })
    ]
}
//configuration.output.path: The provided value "./build" is not an absolute path!
//C:\aproject\aa2023_02\Vue\day0605webpack\dist
//dist
//path.resolve 得到一个绝对路径
//C:\aproject\aa2023_02\Vue\day0605webpack\build